<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="shopping">
    <meta name="description" content="shopping">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <title>shopping</title>
    <script src="./js/jquery.1.8.2.min.js"></script>
    <script src="./js/swiper.js"></script>
    <!-- <link rel="stylesheet" href="./css/reset.css"> -->
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/home.css">
    <link rel="stylesheet" href="./css/media.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_745333_g55zsfjlolf.css">
</head>

<body>
    <!-- 公共头部 -->
    <div class="contentHead">
        <div class="head">
            <div class="iconfont">
                <a href="#" class="icon pd-x_user"></a>
                <a href="#" class="icon pd-x_qrcode"></a>
                <a href="#" class="icon pd-x_phone"></a>
                <a href="#" class="icon pd-x_help"></a>
            </div>
            <div class="tel">
                <span class="icon pd-x_service"></span>
                <span class="server">服务热线</span>
                <span class="phone">400-1234-5678</span>
            </div>
        </div>
    </div>
    <!-- 头部搜索 -->
    <div class="search">
        <div class="logo">
            <img src="./images/logarea.png" alt="">
        </div>
        <div class="searchinfo">
            <div class="searchbox">
                <p>全部分类</p>
                <div class="line"></div>
                <input type="text" name="" id="" placeholder="搜索商品">
                <div class="right">
                    <span class="icon pd-search_line"></span>
                    <span class="sousuo">搜索</span>
                </div>
            </div>
        </div>
        <div class="myshop">
            <div class="bg">
                <span class="icon pd-x_cart"></span>
            </div>
            <div class="my">
                <p class="shop">我的购物车
                    <!-- <span class="icon pd-baseicons82"></span> -->
                </p>
                <p class="pirce">￥ 0.00</p>
            </div>
        </div>
    </div>
    <!-- nav -->
    <div class="navT">
        <div class="nav">
            <div class="navPic">
                <img src="./images/nav1.png" alt="" class="allFl">
                <ul class="menu">
                    <li id="id1">
                        <span class="dian"></span>
                        <span class="name">数码家电</span>
                        <span class="sanjiao"></span>
                        <div class="content">
                            <div class="contentBaby">
                                <p>电脑整机 |</p>
                                <div class="what">
                                    <a href="#">笔记本 |</a>
                                    <a href="#">游戏本 |</a>
                                    <a href="#">平板电脑 |</a>
                                    <a href="#">平板 |</a>
                                    <a href="#">电脑配件 |</a>
                                    <a href="#">台式机 |</a>
                                    <a href="#">一体机 |</a>
                                    <a href="#">服务器/工作站笔记本配件</a>
                                </div>
                            </div>
                            <div class="contentBaby">
                                <p>电脑整机 |</p>
                                <div class="what">
                                    <a href="#">笔记本 |</a>
                                    <a href="#">游戏本 |</a>
                                    <a href="#">平板电脑 |</a>
                                    <a href="#">平板 |</a>
                                    <a href="#">电脑配件 |</a>
                                    <a href="#">台式机 |</a>
                                    <a href="#">一体机 |</a>
                                    <a href="#">服务器/工作站笔记本配件</a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li id="id2">
                        <span class="dian"></span>
                        <span class="name">美妆</span>
                        <span class="sanjiao"></span>
                        <div class="content">
                            <div class="contentBaby">
                                <p>sjsjsjs |</p>
                                <div class="what">
                                    <a href="#">笔记本 |</a>
                                    <a href="#">游戏本 |</a>
                                    <a href="#">平板电脑 |</a>
                                    <a href="#">平板 |</a>
                                    <a href="#">电脑配件 |</a>
                                    <a href="#">台式机 |</a>
                                    <a href="#">一体机 |</a>
                                    <a href="#">服务器/工作站笔记本配件</a>
                                </div>
                            </div>
                            <div class="contentBaby">
                                <p>sjsjsjs |</p>
                                <div class="what">
                                    <a href="#">笔记本 |</a>
                                    <a href="#">游戏本 |</a>
                                    <a href="#">平板电脑 |</a>
                                    <a href="#">平板 |</a>
                                    <a href="#">电脑配件 |</a>
                                    <a href="#">台式机 |</a>
                                    <a href="#">一体机 |</a>
                                    <a href="#">服务器/工作站笔记本配件</a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li id="id3">
                        <span class="dian"></span>
                        <span class="name">美妆妆</span>
                        <span class="sanjiao"></span>
                    </li>
                    <li id="id4">
                        <span class="dian"></span>
                        <span class="name">美妆</span>
                        <span class="sanjiao"></span>
                    </li>
                    <li id="id5">
                        <span class="dian"></span>
                        <span class="name">美妆</span>
                        <span class="sanjiao"></span>
                    </li>
                </ul>

            </div>
            <div class="navAll">
                <a href="#" style="padding-left: 72px" class="active">首页</a>
                <a href="#">限时秒杀</a>
                <a href="#">商品促销</a>
                <a href="#">关于我们</a>
                <a href="#">联系我们</a>
            </div>
        </div>

    </div>

    <!-- banner -->
    <div class="banner">
        <div class="swiper-container bannerSwiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="./images/banner.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./images/banner.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./images/banner.png" alt="">
                </div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>
        <div class="login">
            <img src="./images/head2.png" alt="" class="head">
            <p class="welcome">Hi,欢迎登录</p>
            <button class="activeLogin">登录</button>
            <button class="zhuce">注册</button>
            <div class="article">
                <div class="title">
                    <div>
                        <span class="active">通知公告</span> &nbsp;&nbsp;|&nbsp;&nbsp;
                        <span>文章</span>
                    </div>
                    <span class="more">更多</span>
                </div>
                <div class="loginCont">
                    <p>平板电脑6.18元秒！</p>
                    <p>小米手机至高省1000元</p>
                    <p>红米6京东首发，抢千元神券</p>
                    <p>限量抢笔记本千元神券！</p>
                    <p>满399减50元 健康盛典好货优享</p>
                    <p>营养保健 年中狂欢 两件八折</p>
                </div>
            </div>
        </div>
    </div>
    <div class="background">
        <div class="loginIn">
            <div class="close">X</div>
            <p class="dl">登录</p>
            <form action="" class="msg">
                <p>账号</p>
                <input type="text" placeholder="请输入您的手机号/会员名/邮箱">
                <p>密码</p>
                <input type="password" placeholder="请输入您的密码">
                <br>
                <p class="forget">忘记密码？</p>
                <input type="submit" class="submit" value="登录">
                <p class="no">没有账号？
                    <span>立即注册</span>
                </p>
            </form>
        </div>
    </div>
    <!-- 右边MENU -->
    <nav class="cd-stretchy-nav">
        <a class="cd-nav-trigger" href="#0">
            Menu
            <span aria-hidden="true"></span>
        </a>

        <ul>
            <li>
                <a href="#0">
                    <i class="icon pd-x_user"></i>
                </a>
            </li>
            <li>
                <a href="#0">
                    <i class="icon pd-x_cart"></i>
                </a>
            </li>
            <li>
                <a href="#0">
                    <i class="icon pd-star_solid"></i>
                </a>
            </li>
            <li>
                <a href="#0">
                    <i class="icon pd-x_service"></i>
                </a>
            </li>
            <li>
                <a href="#0">
                    <i class="icon pd-x_qrcode"></i>
                </a>
            </li>
            <li>
                <a id="returnTop" style="padding: 0 calc(1em) 0 1em;">
                    <i class="icon pd-top_solid" style="font-size: 28px;"></i>
                </a>
            </li>
        </ul>

        <span aria-hidden="true" class="stretchy-nav-bg"></span>
    </nav>
    <!-- 左边固定导航 -->
    <div id="floor" style="display: none;">
        <p class="floor">
            <span>1</span>F</p>
        <ul>
            <li class="active">
                <p class="icon pd-clock_line"></p>
                <p class="liCont">限时秒杀</p>
            </li>
            <li>
                <p class="icon pd-clock_line"></p>
                <p class="liCont">促销商品</p>
            </li>
            <li>
                <p class="icon pd-clock_line"></p>
                <p class="liCont">家电数码</p>
            </li>
            <li>
                <p class="icon pd-clock_line"></p>
                <p class="liCont">母婴玩具</p>
            </li>
            <li>
                <p class="icon pd-clock_line"></p>
                <p class="liCont">家居装饰</p>
            </li>
            <li>
                <p class="icon pd-clock_line"></p>
                <p class="liCont">美妆个护</p>
            </li>
            <li>
                <p class="icon pd-clock_line"></p>
                <p class="liCont">食品生鲜</p>
            </li>
            <li>
                <p class="icon pd-clock_line"></p>
                <p class="liCont">医药保健</p>
            </li>
            <li>
                <p class="icon pd-clock_line"></p>
                <p class="liCont">潮流服饰</p>
            </li>
        </ul>
    </div>
    <!-- 所有内容 -->
    <div id="content">
        <!-- 限时秒杀 -->
        <div id="toy1"  class="public">
            <div class="timeKillLeft">
                <div class="timeKillLeftCont">
                    <img src="./images/pic3.png" alt="">
                    <div class="name">
                        <a href="#">
                            <p class="introduce">华硕（ASUS） 玩家国度ROG GX800VH游戏本18.4英寸... 笔记本手提电脑</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </a>
                    </div>
                </div>
                <div class="timeKillLeftCont">
                    <img src="./images/pic3.png" alt="">
                    <div class="name">
                        <a href="#">
                            <p class="introduce">华硕（ASUS） 玩家国度ROG GX800VH游戏本18.4英寸... 笔记本手提电脑</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </a>
                    </div>
                </div>
                <div class="timeKillLeftCont">
                    <img src="./images/pic3.png" alt="">
                    <div class="name">
                        <a href="#">
                            <p class="introduce">华硕（ASUS） 玩家国度ROG GX800VH游戏本18.4英寸... 笔记本手提电脑</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </a>
                    </div>
                </div>
                <div class="timeKillLeftCont">
                    <img src="./images/pic3.png" alt="">
                    <div class="name">
                        <a href="#">
                            <p class="introduce">华硕（ASUS） 玩家国度ROG GX800VH游戏本18.4英寸... 笔记本手提电脑</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </a>
                    </div>
                </div>
            </div>
            <div class="timeKillRight">
                <div class="timeKillRightTop">
                    <p class="mx">限时秒杀
                        <span>手快有收慢无</span>
                    </p>
                    <p class="all">查看全部</p>
                </div>
                <p class="border"></p>
                <div class="line"></div>
                <div class="timeKillRightBottom">
                    <div class="swiper-container goodsSwiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="goods">
                                    <img src="./images/pic1.png" alt="">
                                    <div class="goodsCont">
                                        <span class="zhe">8折钜惠</span>
                                        <span class="goodsName">联想(Lenovo)AIO910 27英寸游戏娱乐一体机电脑一体机电脑一体机电脑</span>
                                        <p class="price">￥19899.00</p>
                                        <p class="mxPrice">￥19899.00</p>
                                        <div class="pro">
                                            <p></p>
                                        </div>
                                        <div class="how">
                                            <p class="sales">累计销量
                                                <span>103</span>
                                            </p>
                                            <p class="allGoods">总库存
                                                <span>150</span>
                                            </p>
                                        </div>
                                        <div class="time">
                                            <div class="settime">
                                            </div>
                                            <span class="day">天</span>
                                            <span class="h">时</span>
                                            <span class="m">分</span>
                                            <span class="s">秒</span>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="goods">
                                    <img src="./images/pic1.png" alt="">
                                    <div class="goodsCont">
                                        <span class="zhe">8折钜惠</span>
                                        <span class="goodsName">联想(Lenovo)AIO910 27英寸游戏娱乐一体机电脑一体机电脑一体机电脑</span>
                                        <p class="price">￥19899.00</p>
                                        <p class="mxPrice">￥19899.00</p>
                                        <div class="pro">
                                            <p></p>
                                        </div>
                                        <div class="how">
                                            <p class="sales">累计销量
                                                <span>103</span>
                                            </p>
                                            <p class="allGoods">总库存
                                                <span>150</span>
                                            </p>
                                        </div>
                                        <div class="time">
                                            <div id="">
                                            </div>
                                            <span class="day">天</span>
                                            <span class="h">时</span>
                                            <span class="m">分</span>
                                            <span class="s">秒</span>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="goods">
                                    <img src="./images/pic1.png" alt="">
                                    <div class="goodsCont">
                                        <span class="zhe">8折钜惠</span>
                                        <span class="goodsName">联想(Lenovo)AIO910 27英寸游戏娱乐一体机电脑一体机电脑一体机电脑</span>
                                        <p class="price">￥19899.00</p>
                                        <p class="mxPrice">￥19899.00</p>
                                        <div class="pro">
                                            <p></p>
                                        </div>
                                        <div class="how">
                                            <p class="sales">累计销量
                                                <span>103</span>
                                            </p>
                                            <p class="allGoods">总库存
                                                <span>150</span>
                                            </p>
                                        </div>
                                        <div class="time">
                                            <div id="">
                                            </div>
                                            <span class="day">天</span>
                                            <span class="h">时</span>
                                            <span class="m">分</span>
                                            <span class="s">秒</span>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="goods">
                                    <img src="./images/pic1.png" alt="">
                                    <div class="goodsCont">
                                        <span class="zhe">8折钜惠</span>
                                        <span class="goodsName">联想(Lenovo)AIO910 27英寸游戏娱乐一体机电脑一体机电脑一体机电脑</span>
                                        <p class="price">￥19899.00</p>
                                        <p class="mxPrice">￥19899.00</p>
                                        <div class="pro">
                                            <p></p>
                                        </div>
                                        <div class="how">
                                            <p class="sales">累计销量
                                                <span>103</span>
                                            </p>
                                            <p class="allGoods">总库存
                                                <span>150</span>
                                            </p>
                                        </div>
                                        <div class="time">
                                            <div id="">
                                            </div>
                                            <span class="day">天</span>
                                            <span class="h">时</span>
                                            <span class="m">分</span>
                                            <span class="s">秒</span>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="goods">
                                    <img src="./images/pic1.png" alt="">
                                    <div class="goodsCont">
                                        <span class="zhe">8折钜惠</span>
                                        <span class="goodsName">联想(Lenovo)AIO910 27英寸游戏娱乐一体机电脑一体机电脑一体机电脑</span>
                                        <p class="price">￥19899.00</p>
                                        <p class="mxPrice">￥19899.00</p>
                                        <div class="pro">
                                            <p></p>
                                        </div>
                                        <div class="how">
                                            <p class="sales">累计销量
                                                <span>103</span>
                                            </p>
                                            <p class="allGoods">总库存
                                                <span>150</span>
                                            </p>
                                        </div>
                                        <div class="time">
                                            <div id="">
                                            </div>
                                            <span class="day">天</span>
                                            <span class="h">时</span>
                                            <span class="m">分</span>
                                            <span class="s">秒</span>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 优惠促销 -->
        <div id="toy2"  class="public">
            <p class="title">优惠促销
                <span>重重钜惠拿到手软</span>
            </p>
            <div class="promotionCont">
                <img src="./images/ad1.png" alt="">
                <div class="promotionGoods">
                    <div class="promotionGoodsPic"></div>
                    <p class="pingpai">品牌</p>
                    <p class="goodsName">商品名称全名缩略名称缩略名称缩略名称</p>
                    <p class="price">￥69999.00</p>
                    <p class="msPrice">￥68888.00</p>
                </div>
                <div class="promotionGoods">
                    <div class="promotionGoodsPic"></div>
                    <p class="pingpai">品牌</p>
                    <p class="goodsName">商品名称全名缩略名称缩略名称缩略名称</p>
                    <p class="price">￥69999.00</p>
                    <p class="msPrice">￥68888.00</p>
                </div>
                <div class="promotionGoods">
                    <div class="promotionGoodsPic"></div>
                    <p class="pingpai">品牌</p>
                    <p class="goodsName">商品名称全名缩略名称缩略名称缩略名称</p>
                    <p class="price">￥69999.00</p>
                    <p class="msPrice">￥68888.00</p>
                </div>
                <div class="promotionGoods">
                    <div class="promotionGoodsPic"></div>
                    <p class="pingpai">品牌</p>
                    <p class="goodsName">商品名称全名缩略名称缩略名称缩略名称</p>
                    <p class="price">￥69999.00</p>
                    <p class="msPrice">￥68888.00</p>
                </div>
            </div>
            <div class="promotionCont">
                <img src="./images/dark.png" alt="">
                <div class="promotionGoods">
                    <div class="promotionGoodsPic"></div>
                    <p class="pingpai">品牌</p>
                    <p class="goodsName">商品名称全名缩略名称缩略名称缩略名称</p>
                    <p class="price">￥69999.00</p>
                    <p class="msPrice">￥68888.00</p>
                </div>
                <div class="promotionGoods">
                    <div class="promotionGoodsPic"></div>
                    <p class="pingpai">品牌</p>
                    <p class="goodsName">商品名称全名缩略名称缩略名称缩略名称</p>
                    <p class="price">￥69999.00</p>
                    <p class="msPrice">￥68888.00</p>
                </div>
                <div class="promotionGoods">
                    <div class="promotionGoodsPic"></div>
                    <p class="pingpai">品牌</p>
                    <p class="goodsName">商品名称全名缩略名称缩略名称缩略名称</p>
                    <p class="price">￥69999.00</p>
                    <p class="msPrice">￥68888.00</p>
                </div>
                <div class="promotionGoods">
                    <div class="promotionGoodsPic"></div>
                    <p class="pingpai">品牌</p>
                    <p class="goodsName">商品名称全名缩略名称缩略名称缩略名称</p>
                    <p class="price">￥69999.00</p>
                    <p class="msPrice">￥68888.00</p>
                </div>
            </div>
        </div>
        <!-- 家电数码 -->
        <div id="toy3" class="public">
            <div class="title">
                <p class="more">更多</p>
                <div class="titleCont">
                    <div class="titleLine"></div>
                    <div class="contM">
                        <p class="name">数码家电</p>
                        <p class="eName">MATERNAL AND INFANT TOYS</p>
                    </div>
                    <div class="titleLine"></div>
                </div>
            </div>
            <div class="applianceCont">
                <div class="applianceContOne">
                </div>
                <div class="applianceContAll">
                    <div class="applianceContAllPic"></div>
                    <p class="applianceContAllName">联想(LENOVO)AIO910 27英寸游戏...娱乐......娱乐...</p>
                    <p class="price">￥69999.00</p>
                    <p class="msPrice">￥68888.00</p>
                </div>
                <div class="applianceContAll">
                    <div class="applianceContAllPic"></div>
                    <p class="applianceContAllName">联想(LENOVO)AIO910 27英寸游戏...娱乐......娱乐...</p>
                    <p class="price">￥69999.00</p>
                    <p class="msPrice">￥68888.00</p>
                </div>
                <div class="applianceContAll">
                    <div class="applianceContAllPic"></div>
                    <p class="applianceContAllName">联想(LENOVO)AIO910 27英寸游戏...娱乐......娱乐...</p>
                    <p class="price">￥69999.00</p>
                    <p class="msPrice">￥68888.00</p>
                </div>
            </div>
            <div class="applianceCont">
                <div class="applianceContAll">
                    <div class="applianceContAllPic"></div>
                    <p class="applianceContAllName">联想(LENOVO)AIO910 27英寸游戏...娱乐......娱乐...</p>
                    <p class="price">￥69999.00</p>
                    <p class="msPrice">￥68888.00</p>
                </div>
                <div class="applianceContAll">
                    <div class="applianceContAllPic"></div>
                    <p class="applianceContAllName">联想(LENOVO)AIO910 27英寸游戏...娱乐......娱乐...</p>
                    <p class="price">￥69999.00</p>
                    <p class="msPrice">￥68888.00</p>
                </div>
                <div class="applianceContImg"></div>
            </div>
        </div>
        <!-- 母婴玩具 -->
        <div id="toy4" class="public">
            <div class="title">
                <p class="more">更多</p>
                <div class="titleCont">
                    <div class="titleLine"></div>
                    <div class="contM">
                        <p class="name">母婴玩具</p>
                        <p class="eName">MATERNAL AND INFANT TOYS</p>
                    </div>
                    <div class="titleLine"></div>
                </div>
            </div>
            <div class="toyCont">
                <div class="toyContLeft">
                    <div class="top">
                        <div class="toyContLeftCont">
                            <div class="leftContPic"></div>
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏...娱乐...联想(LENOVO)AIO910 27英寸游戏...娱乐...</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                        <div class="toyContLeftCont">
                            <div class="leftContPic"></div>
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏...娱乐...联想(LENOVO)AIO910 27英寸游戏...娱乐...</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                        <!-- </div> -->
                        <!-- <div class="bottom"> -->
                        <div class="toyContLeftCont">
                            <div class="leftContPic"></div>
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏...娱乐...联想(LENOVO)AIO910 27英寸游戏...娱乐...</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                        <div class="toyContLeftCont">
                            <div class="leftContPic"></div>
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏...娱乐...联想(LENOVO)AIO910 27英寸游戏...娱乐...</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                    </div>
                </div>
                <div class="toyContMiddle"></div>
                <div class="toyContRight">
                    <div class="top">
                        <div class="toyContLeftCont">
                            <div class="leftContPic"></div>
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏...娱乐...联想(LENOVO)AIO910 27英寸游戏...娱乐...</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                        <div class="toyContLeftCont">
                            <div class="leftContPic"></div>
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏...娱乐...联想(LENOVO)AIO910 27英寸游戏...娱乐...</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                        <!-- </div>
                    <div class="bottom"> -->
                        <div class="toyContLeftCont">
                            <div class="leftContPic"></div>
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏...娱乐...联想(LENOVO)AIO910 27英寸游戏...娱乐...</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                        <div class="toyContLeftCont">
                            <div class="leftContPic"></div>
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏...娱乐...联想(LENOVO)AIO910 27英寸游戏...娱乐...</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 家居装饰 -->
        <div id="toy5" class="public">
            <div class="title">
                <p class="more">更多</p>
                <div class="titleCont">
                    <div class="titleLine"></div>
                    <div class="contM">
                        <p class="name">家居装饰</p>
                        <p class="eName">MATERNAL AND INFANT TOYS</p>
                    </div>
                    <div class="titleLine"></div>
                </div>
            </div>
            <div class="householdCont">
                <div class="householdContLeft">

                </div>
                <div class="householdContRight">
                    <div class="householdContRightTop">
                        <div class="topCont">
                            <div class="leftContPic"></div>
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏...娱乐...联想(LENOVO)AIO910 27英寸游戏...娱乐...</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                        <div class="topCont">
                            <div class="leftContPic"></div>
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏...娱乐...联想(LENOVO)AIO910 27英寸游戏...娱乐...</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                        <div class="topCont">
                            <div class="leftContPic"></div>
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏...娱乐...联想(LENOVO)AIO910 27英寸游戏...娱乐...</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                    </div>
                    <div class="householdContRightBottom">

                    </div>
                </div>
            </div>
        </div>
        <!-- 美妆个护 -->
        <div id="toy6" class="public">
            <div class="title">
                <p class="more">更多</p>
                <div class="titleCont">
                    <div class="titleLine"></div>
                    <div class="contM">
                        <p class="name">美妆个护</p>
                        <p class="eName">MATERNAL AND INFANT TOYS</p>
                    </div>
                    <div class="titleLine"></div>
                </div>
            </div>
            <div class="beautyCont">
                <div class="beautyContLeft">
                    <div class="leftTop">
                        <div class="leftTopCont">
                            <div class="leftContPic"></div>
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏...娱乐...联想(LENOVO)AIO910 27英寸游戏...娱乐...</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                        <div class="leftTopCont">
                            <div class="leftContPic"></div>
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏...娱乐...联想(LENOVO)AIO910 27英寸游戏...娱乐...</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                        <div class="leftTopCont">
                            <div class="leftContPic"></div>
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏...娱乐...联想(LENOVO)AIO910 27英寸游戏...娱乐...</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                    </div>
                    <div class="leftMiddle"></div>
                    <div class="leftTop" style="margin-top: 12px;">
                        <div class="leftTopCont">
                            <div class="leftContPic"></div>
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏...娱乐...联想(LENOVO)AIO910 27英寸游戏...娱乐...</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                        <div class="leftTopCont">
                            <div class="leftContPic"></div>
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏...娱乐...联想(LENOVO)AIO910 27英寸游戏...娱乐...</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                        <div class="leftTopCont">
                            <div class="leftContPic"></div>
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏...娱乐...联想(LENOVO)AIO910 27英寸游戏...娱乐...</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                    </div>
                </div>
                <div class="beautyContRight">
                    <div class="beautyContRightTop">

                    </div>
                    <div class="beautyContRightBottom">

                    </div>
                </div>
            </div>
        </div>
        <!-- 食品生鲜 -->
        <div id="toy7" class="public">
            <div class="title">
                <p class="more">更多</p>
                <div class="titleCont">
                    <div class="titleLine"></div>
                    <div class="contM">
                        <p class="name">食品生鲜</p>
                        <p class="eName">MATERNAL AND INFANT TOYS</p>
                    </div>
                    <div class="titleLine"></div>
                </div>
            </div>
            <div class="foodsCont">
                <div class="foodsContL">
                    <div class="lCont">
                        <div class="lContPic"></div>
                        <div class="lContR">
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏.联想(LENOVO)AIO910 27英寸游戏.联想(LENOVO)AIO910 27英寸游戏联想(LENOVO)AIO910 27英寸游戏.</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                    </div>
                    <div class="lCont" style="margin-top: 12px;">
                        <div class="lContPic"></div>
                        <div class="lContR">
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏.联想(LENOVO)AIO910 27英寸游戏.联想(LENOVO)AIO910 27英寸游戏联想(LENOVO)AIO910 27英寸游戏.</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                    </div>
                    <div class="lCont" style="margin-top: 12px;">
                        <div class="lContPic"></div>
                        <div class="lContR">
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏.联想(LENOVO)AIO910 27英寸游戏.联想(LENOVO)AIO910 27英寸游戏联想(LENOVO)AIO910 27英寸游戏.</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                    </div>
                </div>
                <div class="foodsContM">
                    <div class="foodsContMcont"></div>
                    <div class="foodsContMcont" style="margin-top: 12px;"></div>
                </div>
                <div class="foodsContR">
                    <div class="lCont">
                        <div class="lContPic"></div>
                        <div class="lContR">
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏.联想(LENOVO)AIO910 27英寸游戏.联想(LENOVO)AIO910 27英寸游戏联想(LENOVO)AIO910 27英寸游戏.</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                    </div>
                    <div class="lCont" style="margin-top: 12px;">
                        <div class="lContPic"></div>
                        <div class="lContR">
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏.联想(LENOVO)AIO910 27英寸游戏.联想(LENOVO)AIO910 27英寸游戏联想(LENOVO)AIO910 27英寸游戏.</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                    </div>
                    <div class="lCont" style="margin-top: 12px;">
                        <div class="lContPic"></div>
                        <div class="lContR">
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏.联想(LENOVO)AIO910 27英寸游戏.联想(LENOVO)AIO910 27英寸游戏联想(LENOVO)AIO910 27英寸游戏.</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 医药保健 -->
        <div id="toy8" class="public">
            <div class="title">
                <p class="more">更多</p>
                <div class="titleCont">
                    <div class="titleLine"></div>
                    <div class="contM">
                        <p class="name">医药保健</p>
                        <p class="eName">MATERNAL AND INFANT TOYS</p>
                    </div>
                    <div class="titleLine"></div>
                </div>
            </div>
            <div class="medicineCont">
                <div class="medicineContL">
                    <div class="lCont">
                        <div class="lContTop">
                            <div class="lContTopPic"></div>
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏.联想(LENOVO)AIO910 27英寸游戏.</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                        <div class="lContTop">
                            <div class="lContTopPic"></div>
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏.联想(LENOVO)AIO910 27英寸游戏.</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                    </div>
                    <div class="lCont" style="margin-top: 20px">
                        <div class="lContTop">
                            <div class="lContTopPic"></div>
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏.联想(LENOVO)AIO910 27英寸游戏.</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                        <div class="lContTop">
                            <div class="lContTopPic"></div>
                            <p class="name">联想(LENOVO)AIO910 27英寸游戏.联想(LENOVO)AIO910 27英寸游戏.</p>
                            <p class="price">￥69999.00</p>
                            <p class="msPrice">￥68888.00</p>
                        </div>
                    </div>
                </div>
                <div class="medicineContR">
                    <div class="rTop"></div>
                    <div class="rTop" style="margin-top: 20px"></div>
                </div>
            </div>
        </div>
        <!-- 潮流服饰 -->
        <div id="toy9" class="public">
            <div class="title">
                <p class="more">更多</p>
                <div class="titleCont">
                    <div class="titleLine"></div>
                    <div class="contM">
                        <p class="name">潮流服饰</p>
                        <p class="eName">MATERNAL AND INFANT TOYS</p>
                    </div>
                    <div class="titleLine"></div>
                </div>
            </div>
            <div class="dressTop"></div>
            <div class="dressCont">
                <div class="dressContL"></div>
                <div class="dressContM">
                    <div class="mPic"></div>
                    <p class="name">联想(LENOVO)AIO910 27英寸游戏联想(LENOVO)AIO910 27英寸游戏</p>
                    <p class="price">￥69999.00</p>
                    <p class="msPrice">￥68888.00</p>
                </div>
                <div class="dressContM">
                    <div class="mPic"></div>
                    <p class="name">联想(LENOVO)AIO910 27英寸游戏联想(LENOVO)AIO910 27英寸游戏</p>
                    <p class="price">￥69999.00</p>
                    <p class="msPrice">￥68888.00</p>
                </div>
                <div class="dressContL"></div>
            </div>
            <div class="dressBottom">
                <div class="mCont">
                    <div class="mContPic"></div>
                    <p class="name">联想(LENOVO)AIO910 27英寸游戏联想(LENOVO)AIO910 27英寸游戏</p>
                </div>
                <div class="mCont">
                    <div class="mContPic"></div>
                    <p class="name">联想(LENOVO)AIO910 27英寸游戏联想(LENOVO)AIO910 27英寸游戏</p>
                </div>
                <div class="mCont">
                    <div class="mContPic"></div>
                    <p class="name">联想(LENOVO)AIO910 27英寸游戏联想(LENOVO)AIO910 27英寸游戏</p>
                </div>
                <div class="mCont">
                    <div class="mContPic"></div>
                    <p class="name">联想(LENOVO)AIO910 27英寸游戏联想(LENOVO)AIO910 27英寸游戏</p>
                </div>
                <div class="mCont">
                    <div class="mContPic"></div>
                    <p class="name">联想(LENOVO)AIO910 27英寸游戏联想(LENOVO)AIO910 27英寸游戏</p>
                </div>
                <div class="mCont">
                    <div class="mContPic"></div>
                    <p class="name">联想(LENOVO)AIO910 27英寸游戏联想(LENOVO)AIO910 27英寸游戏</p>
                </div>
            </div>
        </div>
    </div>
    </div>
    <!-- 正品保障 -->
    <div class="real">
        <div class="realThing">
            <div class="realThingCont">
                <span class="icon pd-real_solid"></span>
                <span>正品保障</span>
            </div>
            <div class="realThingCont">
                <span class="icon pd-real_solid"></span>
                <span>正品保障</span>
            </div>
            <div class="realThingCont">
                <span class="icon pd-real_solid"></span>
                <span>正品保障</span>
            </div>
            <div class="realThingCont">
                <span class="icon pd-real_solid"></span>
                <span>正品保障</span>
            </div>
        </div>
    </div>
    <!-- 公共底部 -->
    <div class="footer">
        <div class="footerTop">
            <div>
                <img src="./images/LOGO.png" alt="">
            </div>
            <div class="">
                <dl>
                    <dt>配送与支付</dt>
                    <dd>货到付款区域</dd>
                    <dd>配送支付智能查询</dd>
                    <dd>支付方式说明</dd>
                </dl>
            </div>
            <div class="">
                <dl>
                    <dt>服务保证</dt>
                    <dd>退换货原则</dd>
                    <dd>售后服务保证</dd>
                    <dd>产品质量保证</dd>
                </dl>
            </div>
            <div class="">
                <dl>
                    <dt>联系我们</dt>
                    <dd>网站故障报告</dd>
                    <dd>选机咨询</dd>
                    <dd>投诉与建议</dd>
                </dl>
            </div>
            <div class="fuwu">
                <dl>
                    <dt>服务热线</dt>
                    <dd>400-023-4567</dd>
                </dl>
            </div>
        </div>
        <div class="line"></div>
        <div class="footerBottom">
            <p>© 2018 WWW.SHOPPING.COM</p>
        </div>
    </div>
</body>
<script src="./js/home.js"></script>
<script src="./js/main.js"></script>
<script src="./js/public.js"></script>
<script>
    var swiper = new Swiper('.bannerSwiper', {
        loop: true,
        loopedSlides: 3,
        autoplay: {
            delay: 10000,
            stopOnLastSlide: false,
            disableOnInteraction: true,
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    });
    var swiper = new Swiper('.goodsSwiper', {
        loop: true,
        loopedSlides: 3,
        autoplay: {
            delay: 15000,
            stopOnLastSlide: false,
            disableOnInteraction: true,
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    });

    // function _fresh() {
    //     var endtime = new Date("2018/7/12,19:33:12");
    //     var nowtime = new Date();
    //     var leftsecond = parseInt((endtime.getTime() - nowtime.getTime()) / 1000);
    //     __d = parseInt(leftsecond / 3600 / 24);
    //     __h = parseInt((leftsecond / 3600) % 24);
    //     __m = parseInt((leftsecond / 60) % 60);
    //     __s = parseInt(leftsecond % 60);
    //     var c = new Date();
    //     // var q = ((c.getMilliseconds()) % 100);
    //     document.getElementsByClassName("settime")[0].innerHTML = __d + ": " + __h + ":" + __m + ":" + __s;
    //     if (leftsecond <= 0) {
    //         document.getElementByClassName("settime")[0].innerHTML = "抢购已结束";
    //         clearInterval(sh);
    //     }
    // }
    // _fresh()
    // var sh;
    // sh = setInterval(_fresh, 1000);
    $("#returnTop").click(function () {
        $(document).click = null;
        $('html , body').animate({
            scrollTop: 0
        }, 'slow');
    })
</script>

</html>